/* 공통 */
body,html{background:#222327;}
body{min-width:1500px !important;}

.pcroom{position:relative;width:100%;max-width:2560px;margin:0 auto;padding-top:50px !important;}
.pcroom a{text-decoration:none}
.pcroom a.btnc,
.pcroom .openly{display:block;position:absolute;z-index:300;text-indent:-9999px;font-size:0;cursor:pointer;}

.pcroom .none,
.pcroom h1, .pcroom h3{display:none;}
.pcroom section{position:relative;overflow:hidden;}
.pcroom article{position:relative;margin:0 auto;width:1280px;}

.pcroom .sec_bg{padding:100px 0 100px 0}
.pcroom .sec_bg1{background:#222327 url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/comm_bg1.jpg') no-repeat 50% 0;}
.pcroom .sec_bg2{padding-bottom:200px;background:#efefeb url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/comm_bg2.jpg') no-repeat 50% 0;}

.pcroom h2{position:relative;left:50%;margin:100px 0 100px -600px;height:247px;text-indent:-9999px;}
.pcroom .s1 h2{background:url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/title1.png') no-repeat}
.pcroom .s2 h2{background:url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/title2.png') no-repeat}
.pcroom .s3 h2{background:url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/comm_tit3.png') no-repeat}
.pcroom.pcb_t2 .s1 h2{background:url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/comm_tit1_2.png') no-repeat}
.pcroom h2::after{content:'';display:block;position:absolute;left:-680px;bottom:-101px;width:100%;height:1px;background:#56575a;}
.pcroom .s3 h2::after{background:#fff;}

.pcroom .t_btn{position:absolute;right:30px;top:30px;overflow:hidden;}
.pcroom .t_btn a{display:block;position:relative;float:left;height:48px;margin-left:5px;}
.pcroom .t_btn a i{display:block;position:relative;z-index:2;padding:0 29px;color:#f8f8f8;line-height:48px;font-family:'SUIT';font-size:16px;font-weight:500;}
.pcroom .t_btn a::after{z-index:1;transition:0.2s;opacity:0.8;content:'';display:block;position:absolute;left:0;top:0; width:100%;height:100%;background:#0a0a0a;border-radius:25px;}
.pcroom .t_btn a:hover::after{opacity:1;}
.pcroom .s3 article:nth-last-of-type(1){height: 239px;background:url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/sec3_rw.png') no-repeat;}
.pcroom a.reward{left:40px;bottom:200px;width:1200px;height:169px;}
.pcroom a.benefit{left:40px;top:0;width:1200px;height:139px;}

/* 퀵메뉴 */
.aside{position:absolute;right:29px;top:1180px;width:182px;height:287px;padding:4px 0 0 4px;z-index:400;background:url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/comm_aside_bg.png') no-repeat}
.aside a{position:relative;display:block;width:173px;height:52px;margin-bottom:4px;text-indent:-9999px;background:url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/comm_aside2.png') no-repeat}
.aside a.aside1{background-position-y:0;}
.aside a.aside2{background-position-y:-56px;}
.aside a.aside3{background-position-y:-112px;}
.aside a.aside4{background-position-y:-168px;}
.aside a.aside5{position:absolute;left:4px;bottom:5px;height:42px;margin:0;background:none;}
.aside a::after{content:'';transition:0.1s;opacity:0;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('https://bbscdn.df.nexon.com/pg/sunshinepcb/img/comm_aside2.png') no-repeat right 0;}
.aside a.aside1:after{background-position-y:0;}
.aside a.aside2:after{background-position-y:-56px;}
.aside a.aside3:after{background-position-y:-112px;}
.aside a.aside4:after{background-position-y:-168px;}
.aside a.aside5::after{background:none;}
.aside a.on::after, .aside a:hover::after{opacity:1;}

/* 레이어 */
.lypop{display:none;z-index:900;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);font-family: 'SUIT' !important;}
.lypop b{font-weight:700;}
.lypop em{color:#f4202f; font-weight: 700;}
.lypop strong{font-weight:700;text-decoration:underline;}
.lypop img{image-rendering:pixelated;}
.lypop .lycbox{position:absolute;left:50%;top:0;padding:0;width:920px;transform:translate(-50%,-0%);text-align:center;background:#fff;z-index:900}
.lypop .lycbox h1{display:block;position:relative;width:100%;height:80px;background:#333;color:#fff;font-size:20px;line-height:80px;text-align:center;font-weight:700;}
.lypop .lypop_cont{display:block;padding:60px 0;width:100%;min-height:390px;background:#fff;text-align:center;color:#555;font-size:18px;line-height:30px;text-align:center;}
.lypop .lypop_cont h2{display:block;padding:0 0 45px 0;color:#333;font-size:18px;line-height:30px;text-align:center;font-weight:400;}
.lypop .lypop_cont h3{display:block;margin:20px 0 30px 0;width:100%;color:#333;font-size:20px;font-weight:700;}
.lypop .lypop_cont table{margin:0 auto;}
.lypop .lypop_cont .sup{margin:0 auto;}
/*.lypop .lypop_cont b{display:block;margin-top:10px;} */
.lypop .conbox{position:relative;padding:60px 60px;margin:0 auto;;width:800px;background:#f6f6f6;color:#555;font-size:18px;line-height:30px}
.lypop .conbox .icon{width:100px;height:100px;}
.lypop .conbox a:hover{text-decoration:underline;}
.lypop .column{display:flex;align-items:center;justify-content:center;}
.lypop .column li{display:flex;flex-direction:column;margin:0 25px;color:#555;font-size:18px;line-height:30px;}
.lypop .column li span{padding-top:20px;color:#333}

.lypop a.lybtn{display:inline-block;margin-top:40px;padding:0 50px;height:50px;line-height:49px;background:#fff;border-radius:25px;box-shadow:0 2px 5px 0 rgba(0,0,0,.4);text-align:center;color:#333;font-size:16px;cursor:pointer;text-decoration:none;}
.lypop a.lybtn:hover{text-decoration:none;}
.lypop_close{position:absolute;right:30px;top:15px;width:50px;height:50px;cursor:pointer;}
.lypop_close::before,
.lypop_close::after{content:'';position:absolute;top:50%;left:50%;margin:-20px 0 0 -1px;height:40px;width:2px;background:#999}
.lypop_close:before{transform:rotate(45deg)}
.lypop_close:after{transform:rotate(-45deg)}

.lypop .board th{border-top:2px solid #333;}
.lypop .board th.tit{height:60px;padding:0;background:#333;color:#EDEDED;}
.lypop .board th.tit.titb{background:#FF9E0A;border-top:2px solid #FF9E0A;}
.lypop .board td{padding:40px 30px;}
.lypop .board td.ln_bold{border-bottom:2px solid #333;}
.lypop .board td i{color:#999;font-size:14px;line-height:21px;text-align:left;display:inline-block;}
.lypop .sup{max-width:1200px;margin:0 auto;padding-top:30px;color:#999;font-size:14px;line-height:21px;text-align:left;}